body {
    font-family: STFangSong, Palatino, serif;
    line-height: 1.5;
}

pre {
    overflow-x: auto;
	tab-size: 4;
	background-color: #f2efe4;
	border: 1px solid #d4cbb6;
	border-radius: 0.3em;
	margin: 1em 0 1em 1em;
	padding: 0.8em 1.2em;
}

blockquote {
    margin-left: 0;
    margin-right: 0;
    border-left: 5px solid #859daf;
    padding: 1em;
    background-color: #fff3e2;
}

.hide {
    display: none;
}

.flex { display: flex; }
.flex-1 { flex: 1; }

@media (prefers-color-scheme: dark) {
    body {
        background-color: #333;
        color: #fff;
    }

    a {
        color: #fff;
    }

    pre {
        background-color: #000;
        border-color: steelblue;
    }

    blockquote {
        background-color: #000;
    }
}